export default {
  render: function (createElement) {
    return createElement('div',
      {
        'class': {
          'tab-content-item': true,
          'active': this.isActived
        }
      },
      [createElement(this.defaultTabComponent, {
        props: {
          tab: this.tab
        }
      })]
    )
  },
  props: ['tabId', 'isActived', 'defaultTabComponent'],
  computed: {
    tab: function () {
      return this.$store.state.tab.tabs[this.tabId]
    }
  }
}
